<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Modalità Lavagna</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <meta name="viewport" content="width=device-width" />
</head>

<body>
    <header>
        <h1 class="title">Modalità Lavagna</h1>
    </header>
    <main>
        <h3>La palette della penna</h3>
        <p>La palette della penna ti offre accesso agli strumenti essenziali quando lavori su una lavagna.</p>
        <div class="image"><img id="bo1" src="../../assets/hint2/bo1.png" alt=""></div>

        <p>Qui troverai la penna (<span class="icon"><img src="../../assets/common/pen.png" alt=""></span>), la gomma (<span class="icon"><img src="../../assets/common/eraser.png" alt=""></span>) e il marcatore (<span class="icon"><img src="../../assets/common/marker.png" alt=""></span>). OpenBoard offre anche altre funzionalità che una lavagna classica non può fornire:</p>
        <ul>
            <li><span class="icon"><img src="../../assets/common/arrow.png" alt=""></span> è il selettore. Con esso, puoi selezionare oggetti e interagire con essi.</li>
            <li><span class="icon"><img src="../../assets/common/handPlay.png" alt=""></span> è il dito magico. Puoi spostare gli oggetti o interagire con essi senza la necessità di selezionarli.</li>
            <li><span class="icon"><img src="../../assets/common/hand.png" alt=""></span> è la mano. Puoi muoverti sulla pagina con essa. Molto utile quando combinata con le funzioni di zoom!</li>
            <li><span class="icon"><img src="../../assets/common/zoomIn.png" alt=""></span><span class="icon"><img src="../../assets/common/zoomOut.png" alt=""></span> ti danno la possibilità di ingrandire e rimpicciolire. Scegli semplicemente quello che desideri e fai clic sulla pagina dove vuoi applicare lo zoom!</li>
            <li><span class="icon"><img src="../../assets/common/laser.png" alt=""></span> è un puntatore laser, utile per evidenziare elementi sulla lavagna senza interagire con essi.</li>
            <li><span class="icon"><img src="../../assets/common/line.png" alt=""></span> è utilizzato per disegnare linee rette facilmente.</li>
            <li><span class="icon"><img src="../../assets/common/text.png" alt=""></span> è uno strumento di testo, per scrivere un testo utilizzando la tastiera invece della penna.</li>
        </ul>
        
        <span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Puoi avere un controllo più preciso dello zoom con il mouse! Usa Ctrl/Cmd + la rotellina del mouse per ingrandire/ridurre con maggiore precisione!</span>

        <h3>La barra degli strumenti della lavagna</h3>
        <p>La barra degli strumenti della lavagna ti offre la possibilità di cambiare colore e dimensione della penna o del marcatore, tra altre cose.</p>
        <div class="image"><img id="bo9" src="../../assets/hint2/bo9.png" alt=""></div>

        <p>Troverai anche la possibilità di cambiare lo sfondo della lavagna, cliccando su <span class="icon"><img src="../../assets/common/background.png" alt=""></span></p>
        <div class="image"><img src="../../assets/hint2/bo-gif1.gif" alt=""></div>

        <p>Troverai anche pulsanti per annullare/ripristinare azioni, creare e navigare tra le pagine, cancellare l'intera lavagna, ...</p>

        <span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Puoi cancellare parti più precise della lavagna facendo clic prolungato su <span class="icon"><img src="../../assets/common/clearPage.png" alt="l'icona per cancellare"></span>. Alcune funzioni nascoste anche su <span class="icon"><img src="../../assets/common/newDocument.png" alt="l'icona per cancellare"></span>!</span>
    </main>
    <footer>

    </footer>
</body>
</html>

